
// import MP from "@/components/Index/MapComponent.js";
function map_init(map,_args,_this) {
//   map = new BMap.Map(_args.id);
  //第1步：设置地图中心点，成都市
  var point = new BMap.Point(_args.placeLongitude, _args.placeLatitude);
  //第2步：初始化地图,设置中心点坐标和地图级别。
  map.centerAndZoom(point, 13);
  //第3步：启用滚轮放大缩小
  map.enableScrollWheelZoom(true);
  //第4步：向地图中添加缩放控件
  var ctrlNav = new window.BMap.NavigationControl({
    anchor: BMAP_ANCHOR_TOP_LEFT,
    type: BMAP_NAVIGATION_CONTROL_LARGE
  });
  map.addControl(ctrlNav);
  //第5步：向地图中添加缩略图控件
  var ctrlOve = new window.BMap.OverviewMapControl({
    anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
    isOpen: 1
  });
  map.addControl(ctrlOve);

  //第6步：向地图中添加比例尺控件
  var ctrlSca = new window.BMap.ScaleControl({
    anchor: BMAP_ANCHOR_BOTTOM_LEFT
  });
  map.addControl(ctrlSca);


  // 添加标注
  function addMarker(point, index) {
    var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png",
    // var myIcon = new BMap.Icon("@/assets/img/havefood.png",
      new BMap.Size(23, 25), {
        offset: new BMap.Size(10, 25),
        imageOffset: new BMap.Size(0, 0 - index * 25)
      });
    var marker = new BMap.Marker(point, {
      icon: myIcon
    });
    map.addOverlay(marker);

    var opts = {
        width : 200,     // 信息窗口宽度
        height: 100,     // 信息窗口高度
        title : "海底捞王府井店" , // 信息窗口标题
        enableMessage:true,//设置允许信息窗发送短息
        message:"亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
      }
      var infoWindow = new BMap.InfoWindow("地址：北京市东城区王府井大街88号乐天银泰百货八层", opts);  // 创建信息窗口对象 
      marker.addEventListener("click", function(){          
          map.openInfoWindow(infoWindow,point); //开启信息窗口
      
          _this.$router.push("/scanGoods");
        });

    return marker;
  }

  //第7步：绘制点
  let markerArr = _args.listData;
  for (var i = 0; i < markerArr.length; i++) {
    var p0 = markerArr[i].placeLongitude;
    var p1 = markerArr[i].placeLatitude;
    var maker = addMarker(new window.BMap.Point(p0, p1), i);
    addMarker(maker,  i);
  }











}


export {
  map_init
}
